<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>Insert title here</title>
</head>
<body>
	
	<!-- 头，semantic-ui，jquery和me.css -->
	<th:block th:fragment="somehead">
		<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<link rel="stylesheet" th:href="@{/css/semantic.min.css}"></link>
    	<!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.css"> -->
    	<script type="text/javascript" th:src="@{/js/jquery-3.5.1.min.js}"></script>
    	<script type="text/javascript" th:src="@{/js/semantic.min.js}"></script>
    	<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script> -->
    	<link rel="stylesheet" th:href="@{/css/me.css}">
	</th:block>

    <!-- 后端导航 -->
    <nav th:fragment="backnav(n)" class="ui inverted attached segment m-padded-tb-mini m-shadow-small">
        <div class="ui fluid container">
            <div class="ui inverted secondary stackable menu">
                <h2 class="ui header teal item">Blog</h2>
                <a th:href="@{/}" class="m-item item m-mobile-hide"><i class="home icon"></i>首页</a>
                <a th:href="@{/admin/blogs}" class="m-item item m-mobile-hide" th:classappend="${n==1} ? 'active'"><i class="home icon"></i>我的博客</a>
                <a th:href="@{/admin/types}" class="m-item item m-mobile-hide" th:classappend="${n==2} ? 'active'"><i class="idea icon"></i>分类管理</a>
                <a th:href="@{/admin/tags}" class="m-item item m-mobile-hide" th:classappend="${n==3} ? 'active'"><i class="tags icon"></i>标签管理</a>
                <div class="right m-item m-mobile-hide menu">
                    <div class="ui dropdown item" th:if="${session.user}!=null">
                        <div class="text">
                            <img alt="" class="ui avatar fluid image" th:src="@{${session.user.avatar}}" style="width: 45px;height: 45px;">
                            <span th:text="${session.user.nickname}"></span>
                        </div>
                        <i class="dropdown icon"></i>
                        <div class="menu">
                            <a th:href="@{/admin/logout}" class="item">注销</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <a href="#" class="ui m-menu-toggle black icon button m-right-top m-mobile-show">
            <i class="sidebar icon"></i>
        </a>
    </nav>
    
    <!-- 底部导航栏 -->
    <footer th:fragment="footer" class="ui inverted vertical segment m-padded-tb-massive">
        <div class="ui center aligned container">
            <div class="ui inverted stackable divided grid">
                <div class="three wide column">
                    <div class="ui inverted link list">
                        <div class="item">
                            <img src="../static/images/wechat.jpg" th:src="@{/images/wechat.jpg}" class="ui rounded image" alt="wechat" style="width: 110px;">
                        </div>
                    </div>

                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-opacity-mini">最新博客</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">用户故事</a>
                        <a href="#" class="item">用户故事</a>
                        <a href="#" class="item">用户故事</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header m-opacity-mini">联系我</h4>
                    <div class="ui inverted link list">
                        <a href="#" class="item">Email:2711978737@qq.com</a>
                        <a href="#" class="item">QQ:2711978737</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header m-opacity-mini">联系我</h4>
                    <p class="m-text-thin m-text-spaced m-opacity-mini">Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU Hello! BLU</p>
                </div>
            </div>
            <div class="ui inverted section divider"></div>
            <p class="m-text-thin m-text-spaced m-opacity-default">Copyright ©2020 BLU Blog Designed by BLU</p>
        </div>
    </footer>
    
    
</body>
</html>